/**
 * Stylesheet dedicated to the structure of the breadcrumbs. These style classes define the skeleton 
 * of the components and include CSS properties such as margin, padding, display type, dimensions 
 * and positioning. This idea is the one used by JQuery UI.
 * @author Clément HELIOU (clement.heliou@gmail.com)
 * @since 1.0
 */

/* Main styles */
.breadcrumb{
	margin: 6px 10px 6px 6px !important;
}

/* Separator of menu items inside a breadcrumb */
.ui-breadcrumb-chevron {
	margin-right: 4px;
}

/* Menu items inside a breadcrumb */
.ui-breadcrumb ul li .ui-menuitem-link {
	margin-top: 2px;
}